<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.min.css">
    <link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
	<script src="assets/flexible/flexible.debug.js"></script>
	<link rel="stylesheet" type="text/css" href="font/iconfont.css">
</head>
<body>
	
	<!-- 头部导航 -->
	<header>
		<div class="top">
			<div class="left">
				<span>北京</span><i class="iconfont icon-down-trangle"></i>
			</div>
			<div class="center">
				<i class="iconfont icon-sousuo"></i><span>搜索商户、商品、地点、用户、图文</span>
			</div>
			<div class="right">
				<span>筛选</span><i class="iconfont icon-xiangyou"></i>
			</div>
		</div>
		<div class="bottom">
            <div class="swiper-container" id="swiper-container2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide active-nav">
                        美食
                    </div>
                    <div class="swiper-slide">
                        玩乐
                    </div>
                    <div class="swiper-slide">
                        夜生活
                    </div>
                    <div class="swiper-slide">
                        美容/SPA
                    </div>
                </div>
            </div>
		</div>
	</header>
    <div class="swiper-container" id="swiper-container3">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <!-- banner -->
                <div class="swiper-container banner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <!-- 导航条 -->
                <div class="swiper-container navbar">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                       <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_mianfei.png" alt="">
                                </dt>
                                <dd>免费招牌菜</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_fuli.png" alt="">
                                </dt>
                                <dd>每日福利</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_riliao.png" alt="">
                                </dt>
                                <dd>日料</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_xican.png" alt="">
                                </dt>
                                <dd>西餐</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <!-- 热卖商品 -->
                <section class="headline">
                    <div class="left">
                        <p>生活头条</p>
                    </div>
                    <div class="swiper-container _right">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- 新品上市 -->
                <section class="choiceness">
                    <div class="items">
                        <figure>
                            <img src="images/index_mianfeixiang.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_lacai.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>辣菜馆评测</h4>
                            <p>晒图赢奖金</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>韩餐拔草</h4>
                            <p>城市指南</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_shiyanshi.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                </section>
                <!-- 精选推荐专题 -->
                <section class="recommend">
                    <h3>精选推荐专题</h3>
                    <p>小编为你整理的品质好店</p>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                </section>
            </div>
            <div class="swiper-slide">
                <!-- banner -->
                <div class="swiper-container banner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <!-- 导航条 -->
                <div class="swiper-container navbar">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                       <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <!-- 热卖商品 -->
                <section class="headline">
                    <div class="left">
                        <p>生活头条</p>
                    </div>
                    <div class="swiper-container _right">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- 新品上市 -->
                <section class="choiceness">
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                </section>
                <!-- 精选推荐专题 -->
                <section class="recommend">
                    <h3>精选推荐专题</h3>
                    <p>小编为你整理的品质好店</p>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                </section>
            </div>
            <div class="swiper-slide">
                <!-- banner -->
                <div class="swiper-container banner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <!-- 导航条 -->
                <div class="swiper-container navbar">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                       <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <!-- 热卖商品 -->
                <section class="headline">
                    <div class="left">
                        <p>生活头条</p>
                    </div>
                    <div class="swiper-container _right">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- 新品上市 -->
                <section class="choiceness">
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                </section>
                <!-- 精选推荐专题 -->
                <section class="recommend">
                    <h3>精选推荐专题</h3>
                    <p>小编为你整理的品质好店</p>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                </section>
            </div>
            <div class="swiper-slide">
                <!-- banner -->
                <div class="swiper-container banner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="images/index_banner.png" alt=""></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <!-- 导航条 -->
                <div class="swiper-container navbar">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                       <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl>
                                <dt>
                                    <img src="images/index_bendi.png" alt="">
                                </dt>
                                <dd>附近</dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <!-- 热卖商品 -->
                <section class="headline">
                    <div class="left">
                        <p>生活头条</p>
                    </div>
                    <div class="swiper-container _right">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                             <div class="swiper-slide">
                                <div class="right">
                                    <figure>
                                        <img src="images/index_ruzhu.png" alt="">
                                    </figure>
                                    <div class="info">
                                        <h6>同城新店入住</h6>
                                        <p>蜀北漂火锅.烤鱼（工体...入驻了）</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- 新品上市 -->
                <section class="choiceness">
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                    <div class="items">
                        <figure>
                            <img src="images/index_hancan.png" alt="">
                        </figure>
                        <div class="info">
                            <h4>免费享</h4>
                            <p>西班牙风味</p>
                        </div>
                    </div>
                </section>
                <!-- 精选推荐专题 -->
                <section class="recommend">
                    <h3>精选推荐专题</h3>
                    <p>小编为你整理的品质好店</p>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                    <figure>
                        <img src="images/index_banner.png" alt="">
                    </figure>
                </section>
            </div>    
        </div>
    </div>    
    
    <!-- 底部导航 -->
    <footer>
    	<dl>
    		<dt>
    			<img src="images/jingxuandain.png" alt="">
    		</dt>
    		<dd>精选店</dd>
    	</dl>
    	<a href="html/shequ.html">
	    	<dl>
	    		<dt>
	    			<img src="images/shequ.png" alt="">
	    		</dt>
	    		<dd>社区</dd>
	    	</dl>
    	</a>
        <a href="html/vip.html">
        	<dl>
        		<dt>
        			<img src="images/vip.png" alt="">
        		</dt>
        		<dd>VIP会员</dd>
        	</dl>
        </a>
        <a href="html/tiaozhan.html">
        	<dl>
        		<dt>
        			<img src="images/tiaozhan.png" alt="">
        		</dt>
        		<dd>挑战</dd>
        	</dl>
        </a>
        <a href="html/wode.html">
        	<dl>
        		<dt>
        			<img src="images/wode.png" alt="">
        		</dt>
        		<dd>我的</dd>
        	</dl>
        </a>
    </footer>
	<script src="assets/jquery/jquery-3.2.1.min.js"></script>
    <script src="assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="js/index.js"></script>
</body>
</html>
